@CHARSET "UTF-8";
@media (max-width: 767px) {
    .caption-wraper { left: 0;bottom: 0.4em;}
    .caption-wraper .caption { left: 0;padding: 0.2em 0.4em;font-size: 0.92em;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;}
    .nav>li>a { padding: 10px 0px 10px 15px;}
    .caret-box { position: absolute;width: 40px;height: 40px;right: 0px;top: 0px;text-align: center;padding-top: 10px;}
    .article-item .detail .content { min-width: 200px;height: 75px;}
    .article-item .detail .content span { color: rgb(109 168 255);}
    .article-item .title { margin-bottom: 5px;}
    .article-item .detail img { width: 100px; height: 75px;}
    .main-right { margin-top: 20px;}
    .article-item-w img{ width: 100%;}
    .article-item-w p { width: 100%;}
    .caption-wraper { bottom:0px!important;}
    .item-article-c .detail .title { font-size: 15px;height: 42px;margin-bottom: 5px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
    .item-article-c .detail .tag { line-height: 1.8; margin-bottom: 0px;}
    .item-article-c .detail .tag .author { padding-right: 5px;}
    .item-article-c img { width: 120px;height: 90px;float: left;}
    .item-article-c .detail .content { display: none;}
    .navbar-form .form-group { float: left;padding: 0px;}
    .item-article-l-2 img { width: 100%; height: 110px;}
    .item-article-l-2:nth-child(odd) { padding-left: 5px;padding-right: 10px;}
    .links-box { margin-left: 0px;margin-right: 0px;}
    .links { padding: 20px 10px;}
    .email{ margin-top: 10px;}
    .phone, .email { text-align: center;}
    .line-nav { display: none;}
    .navbar-form { border: none!important;padding-bottom: 5px;}
    .navbar-form .search { position: absolute;top: 14px;height: 24px;border-radius: 12px;background-color: #fff;border: none;margin-left: -34px;}
    .navbar-fixed-top .navbar-collapse { max-height: 400px;}
    .contact .col-md-6 p { background-color: rgb(51 77 104);border-radius: 5px;padding-top: 2px;padding: 5px;}
    .page-box { margin-right: -15px; margin-left: -15px;}
    .cat-nav .cat { display: block;}
    .cat-nav span { display: inline-block;margin-top: 10px;line-height: 30px}
    .c-cat-list .detail .title { height: 21px;}
    .c-cat-list .detail .description { font-size: 13px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 5px;margin-top:5px;height: 36px;}
    .article-infobox { margin-bottom: 0px;}
    .mzsm { line-height: 20px;padding: 10px; text-align: left;height: auto;}
    #article_content { padding-top: 20px;}
    .tag-list { padding-left: 0px;padding-right: 0px;}
    .main-title { padding-left: 15px;}
    .search-box { margin: 0px 15px;}
    .search-box .search-form input { width: 78%;}
    .search-box .search-form button { width: 20%;}
    .page-nav { min-height: 100px; }
    .cat-nav a { padding: 8px 16px;}
    .mall-name { width: 50%;padding-left: 5px; padding-right: 5px;}
    .author-time { margin-top: 14px;}
    .author-time  span { padding-right: 18px!important;}
    .adv-txt li { width: 100%; margin-top: 5px;}
}

@media ( min-width: 768px) and (max-width: 979px) {
    .navbar-fixed-top { border-bottom: 1px solid rgb(77 87 122);}
    .navbar-collapse.collapse { display: grid!important;}
    .navbar-nav { margin-top: 15px;}
    .main { margin-top: 60px;}
    .tc-gridbox {display: block;float: none;width: 95%;}
    .caption-wraper { left: 0;bottom: 0.4em;}
    .caption-wraper .caption { left: 0;padding: 0.2em 0.4em;font-size: 0.92em;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;}
    .nav>li>a { padding: 10px 0px 10px 7px;}
    .caret-box { display: none;}
    .article-item .detail .content { min-width: 200px;height: 75px;}
    .article-item .detail .content span { color: rgb(109 168 255);}
    .article-item .title { margin-bottom: 5px;}
    .article-item .detail img { width: 100px; height: 75px;}
    .main-right { margin-top: 20px;}
    .article-item-w img{ width: 100%;}
    .article-item-w p { width: 100%;}
    .caption-wraper { bottom:0px!important;}
    .item-article-c .detail .title { font-size: 15px;height: 42px;margin-bottom: 5px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
    .item-article-c .detail .tag { line-height: 1.8; margin-bottom: 0px;}
    .item-article-c .detail .tag .author { padding-right: 5px;}
    .item-article-c img { width: 120px;height: 90px;float: left;}
    .item-article-c .detail .content { display: none;}
    .navbar-form .form-group { float: right;padding: 0px;}
    .item-article-l-2 img { width: 100%; height: 110px;}
    .item-article-l-2:nth-child(odd) { padding-left: 5px;padding-right: 10px;}
    .links-box { margin-left: 0px;margin-right: 0px;}
    .links { padding: 20px 10px;}
    .email{ margin-top: 10px;}
    .phone, .email { text-align: center;}
    .line-nav { padding-top: 9px;padding-left: 7px;padding-right: 0px;}
    .navbar-form { border: none!important;}
    .navbar-form .search { position: absolute;top: 3px;height: 24px;border-radius: 12px;background-color: #fff;border: none;margin-left: -34px;right: 22px;}
    .navbar-fixed-top .navbar-collapse { max-height: 400px;}
    .contact .col-md-6 p { background-color: rgb(51 77 104);border-radius: 5px;padding-top: 2px;padding: 5px;}
    .page-box { margin-right: -15px; margin-left: -15px;}
    .cat-nav .cat { display: block;}
    .cat-nav span { display: inline-block;margin-top: 10px;line-height: 30px}
    .c-cat-list .detail .title { height: 21px;}
    .c-cat-list .detail .description { font-size: 13px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 5px;margin-top:5px;height: 36px;}
    .article-infobox { margin-bottom: 0px;}
    .mzsm { line-height: 20px;padding: 10px; text-align: left;height: auto;}
    #article_content { padding-top: 20px;}
    .tag-list { padding-left: 0px;padding-right: 0px;}
    .main-title { padding-left: 15px;}
    .search-box { margin: 0px 15px;}
    .search-box .search-form input { width: 78%;}
    .search-box .search-form button { width: 20%;}
    .tc-main { margin-top: 60px;}
    .cat-nav a { padding: 8px 16px;}
    .author-time { margin-top: 14px;}
    .author-time  span { padding-right: 18px!important;}
    .tag-list { min-height: 500px;}
    .adv-txt li { width: 100%; margin-top: 5px;}
}

@media ( min-width: 979px) and (max-width: 1024px) {
    .navbar-fixed-top { border-bottom: 1px solid rgb(77 87 122);}
    .navbar-collapse.collapse { display: block!important;}
    .red-title .topic { font-size: 15px;}
    .navbar-nav { margin-top: 15px;}
    .main { margin-top: 20px;}
    .tc-gridbox {display: block;float: none;width: 95%;}
    .caption-wraper { left: 0;bottom: 0.4em;}
    .caption-wraper .caption { left: 0;padding: 0.2em 0.4em;font-size: 0.92em;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;}
    .nav>li>a { padding: 10px 0px 10px 7px;}
    .caret-box { display: none;}
    .article-item { padding-bottom: 5px;}
    .article-item .detail .content { min-width: 180px;height: 65px;font-size: 12px;}
    .article-item .detail .content span { color: rgb(109 168 255);}
    .article-item .title { margin-bottom: 5px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
    .article-item .detail img { width: 80px; height: 60px;}
    .item-article-c .detail .content { display: none;}
    .main-right { margin-top: 0px;}
    .item-article-c .detail .title a { font-size: 15px;}
    .article-item-w img{ width: 100%;}
    .article-item-w p { width: 100%;}
    .caption-wraper { bottom:0px!important;}
    .item-article-c .detail .title { font-size: 15px;height: 42px;margin-bottom: 5px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
    .item-article-c .detail .tag { line-height: 1.8; margin-bottom: 0px;}
    .item-article-c .detail .tag .author { padding-right: 5px;}
    .item-article-c img { width: 120px;height: 90px;float: left;}
    .navbar-form .form-group { float: right;padding: 0px;}
    .item-article-l-2 img { width: 100%; height: 110px;}
    .item-article-l-2:nth-child(odd) { padding-left: 5px;padding-right: 10px;}
    .links-box { margin-left: 0px;margin-right: 0px;}
    .links { padding: 20px 10px;}
    .email{ margin-top: 10px;}
    .phone, .email { text-align: center;}
    .line-nav { padding-top: 9px;padding-left: 7px;padding-right: 0px;}
    .navbar-form { border: none!important;margin-top: 20px;}
    .navbar-form .search { position: absolute;top: 3px;height: 24px;border-radius: 12px;background-color: #fff;border: none;margin-left: -34px;right: 22px;}
    .navbar-fixed-top .navbar-collapse { max-height: 400px;}
    .contact .col-md-6 p { background-color: rgb(51 77 104);border-radius: 5px;padding-top: 2px;padding: 5px;}
    .page-box { margin-right: -15px; margin-left: -15px;}
    .cat-nav .cat { display: block;}
    .cat-nav span { display: inline-block;margin-top: 10px;line-height: 30px}
    .c-cat-list .detail .title { height: 21px;}
    .c-cat-list .detail .description { font-size: 13px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 5px;margin-top:5px;height: 36px;}
    .article-infobox { margin-bottom: 0px;}
    .mzsm { line-height: 20px;padding: 10px; text-align: left;height: auto;}
    #article_content { padding-top: 20px;}
    .tag-list { padding-left: 0px;padding-right: 0px;}
    .main-title { padding-left: 15px;}
    .search-box { margin: 0px 15px;}
    .search-box .search-form input { width: 78%;}
    .search-box .search-form button { width: 20%;}
    .tc-main { margin-top: 20px; margin-left: 12.5%;}
    .article-item .title a { font-size: 14px;}
    .tags { min-height: 300px;}
    .cat-nav a { padding: 8px 16px;}
    .author-time { margin-top: 14px;}
    .author-time  span { padding-right: 18px!important;}
    .tag-list { min-height: 500px;}
    .adv-txt li { width: 100%; margin-top: 5px;}
}

@media ( max-width: 979px) {
    .tc-gridbox-container { display: block;float: none;width: 100%;}
    .tc-gridbox { margin: 0 0 10px 0;}
    .cat-nav a {     padding: 8px 15px;}
    .adv-txt li { width: 100%; margin-top: 5px;}
}

@media ( max-width: 479px) {
    .location { margin-left: 15px;}
    .masonary-container .grid-sizer, .masonary-container .item { width: 98%;margin: 10px 1%;float: left;zoom: 1;}
    .item-article-c img { width: 100px;height: 75px;margin-top: 5px;}
    .item-article-c .detail .content { display: none;}
    .item-article-c .detail { padding-left: 10px;}
    .c-cat-list .detail .title { height: 40px;}
    .item-article-c .detail .title a { font-size: 15px;-webkit-line-clamp: 2;}
    .c-cat-list .detail .description { display: none;}
    .item-article-c .detail .tag span.author { float: unset;display: table-row-group;}
    .cat-nav a { padding: 8px 16px;}
    .author-time { margin-top: 14px;}
    .author-time  span { padding-right: 18px!important;}
    .adv-txt li { width: 100%; margin-top: 5px;}
}

@media ( min-width: 480px) and (max-width: 767px) {
    .masonary-container .grid-sizer, .masonary-container .item { width: 48%;margin: 10px 1%;float: left;zoom: 1;}
    .cat-nav a { padding: 8px 16px;}
    .adv-txt li { width: 100%; margin-top: 5px;}
}